<template>
    <g-tabbar v-model:active="state.active">
        <g-tabbar-item  to="/" icon="shouye">首页</g-tabbar-item>
        <g-tabbar-item to="/icon" icon="dingdan">图标</g-tabbar-item>
        <g-tabbar-item  to="/button" icon="zantong">按钮</g-tabbar-item>
        <g-tabbar-item to="/cell"  icon="leimu">单元格</g-tabbar-item>
    </g-tabbar>
</template>
<script>
import { reactive } from 'vue'
export default {
    setup(){
        const state = reactive({
            active:0
        })
        return{
            state,
        }
    }
}
</script>